// pages/main/main.js
const db = wx.cloud.database();
const command = db.command;

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图数组
    listimg:[],
    // 主图标数组
    listicon:[],
    // 自适应图片的宽度
    newWidth:"",
    // 自适应图片的高度
    newHeight:"",
    // 字幕条的详情数组
    newdesc:[],
    // 新闻资讯数组
    newslist:[],

  },

  // 点击三个主图标之一，跳转到详细界面
  turn_todetail:function(e){
    // 获取点击的图标的下标
    // console.log(e.target.dataset.index);
    if(e.target.dataset.index == 0){
      wx.navigateTo({
        url: '../../pages/fix_price/fix_price',
      })
    }else if(e.target.dataset.index == 1){
      wx.navigateTo({
        url: '../../pages/workers/workers',
      })
    }else if(e.target.dataset.index == 2){
      wx.navigateTo({
        url: '../../pages/notice/notice',
      })
    }
  },


  // 获取新闻资讯详细内容，从数据库拉取
  getnewslist(num=5,page=0){
    wx.cloud.callFunction({
      name:"getlist",
      data:{
        num:num,
        page:page
      }
    }).then(res=>{
      // console.log(res.result.data);
      var olddata = this.data.newslist
      // console.log(olddata);
      var newdata = olddata.concat(res.result.data)
      // console.log(newdata);
      this.setData({
        newslist:newdata
      })
      
    })
    
  },

  // 获取轮播图图片，从数据库拉取
  getswiper:function(){
    db.collection("swiper")
    .get()
    .then(res=>{
      var newarr=[];
      // console.log(res.data);
      for(var num =0; num<res.data.length; num++){
        newarr.push(res.data[num].fileid)
      }
      this.setData({
          listimg:newarr
      })
    })
  },

  // 获取三个主图标，从数据库拉取
  geticon:function(){
    db.collection("mainicon")
    .get()
    .then(res=>{
      var listicon =[];
      // console.log(res.data);
      for(var num =0; num<res.data.length; num++){
        listicon.push(res.data[num].fileid)
      }
      this.setData({
        listicon
    })
    })
  },

  // 图片自适应宽度和高度
  autoImage(event){
    // 获取图片宽高信息
    var imageWidth = event.detail.width;
    var imageHeight = event.detail.height;
    // 获取屏幕宽度和高度信息
    var winWidth = wx.getSystemInfoSync().windowWidth;
    var winHeight = wx.getSystemInfoSync().windowHeight;
    // 传入云函数，使图片宽高适应设备
    wx.cloud.callFunction({
      name:"adaptImage",
      data:{
        imageWidth,
        imageHeight,
        winWidth,
        winHeight,
      },
    }).then(res=>{
      // console.log(res.result);
      this.setData({
        newWidth:res.result.newWidth,
        newHeight:res.result.newHeight,
      })
    })
  },

  // 控制字幕条滚动
  infor_row:function(){
    db.collection("notice").get().then(res=>{
      var arr = [];
      for(var num=0;num<res.data.length;num++){
        var obj={};
        obj.desc = res.data[num].notice.img;
        obj.index = res.data[num].notice.index;
        arr.push(obj)
      }
      let newdesc = arr
      this.setData({
        newdesc
      })
    })
  },
    
  // 点击新闻跳转到新闻详情界面
  turn_tonews:function(event){
    // 下面获取的是点击渲染列表的下标
    // console.log(event.currentTarget.dataset.index);
    // 下面是获取到点击的新闻的具体内容，方便在下一个页面渲染出来
    // console.log(this.data.newslist[event.currentTarget.dataset.index]);
    // 写入缓存
    wx.setStorage({
      data: this.data.newslist[event.currentTarget.dataset.index],
      key: 'pic_thenews',
    })
    // 跳转页面
    wx.navigateTo({
      url: '../../pages/information/information',
    })
  },

  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取轮播图
    this.getswiper();
    // 获取主图标
    this.geticon();
    // 获取轮播公告
    this.infor_row();
    // 获取下面的新闻资讯条目
    this.getnewslist();


  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    var page = this.data.newslist.length
    // console.log(page);
    this.getnewslist(5,page)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },


})



 